<template>
  <div>
    <h4>我是子组件</h4>
    <p>{{ toy }}</p>
    <!-- 指定的时机触发函数，发送事件 -->
    <button @click="custom">点我发送数据给父组件</button>
  </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import emitter from "@/utils/emitter.ts";

let toy = ref("奥特曼")

function custom() {
  //  发布事件, 往指定的事件中发送数据，第一个参数是事件名，第二个参数是携带的数据
  emitter.emit('custom-event', toy.value);
}

</script>

<style scoped>

</style>
